<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <title>美策平台</title>
    <link rel="icon" type="image/png" href="/img/icon.png">
    <link rel="stylesheet" type="text/css" href="../datepicker/jquery-ui.min.css">
    <link rel="stylesheet" type="text/css" href="../css/app.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="/h5/js/all.js"></script>
</head>
<body>
<!--
    制作者：九哥
    页面：首页
    时间：2019-03-01
-->






<div id="locatePage"><!--此ID页面切换用-->
    <div id="locateTitle">
        <b id="citys">杭州</b>
        <img src="../images/return.png" id="locateRtn">
    </div>
    <div id="locateCityChange">
        <!--<select id="locateProvice" onchange="getCity(this.value)">-->
            <!--<option value="">省</option>-->
        <!--</select>-->
        <!--<select id="locateCity" onchange="getRegion(this.value)">-->
            <!--<option value="">市</option>-->
        <!--</select>-->
        <!--<select id="locateRegion">-->
            <!--<option value="">区</option>-->
        <!--</select>-->
        <div style="height:5px"></div>
        <b>点击获取定位：</b>
        <input type="text" readonly style="border:0" id="lnglat" value="定位待重置">
    </div>
    <!--<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=fc786266f4382fec74031fcc0135f1ad"></script>-->
    <div id="locateMap"></div>
</div>

<script src="https://webapi.amap.com/maps?v=1.4.14&key=fc786266f4382fec74031fcc0135f1ad&plugin=AMap.Autocomplete"></script>
<script type="text/javascript">
    var map = new AMap.Map("locateMap", {
        resizeEnable: true
    });
    AMap.plugin([
        'AMap.ToolBar',
    ], function(){
        // 在图面添加工具条控件，工具条控件集成了缩放、平移、定位等功能按钮在内的组合控件
        map.addControl(new AMap.ToolBar({
            // 简易缩放模式，默认为 false
            liteStyle: true
        }));
    });
    //为地图注册click事件获取鼠标点击处的经纬度坐标
    map.on('click', function(e) {
        var lat = e.lnglat.getLat(); //纬度
        var lng = e.lnglat.getLng(); //经度
        var p = lat + ',' + lng;
        var citys = ''
        AMap.service('AMap.Geocoder',function(){//回调函数
            //实例化Geocoder
            geocoder = new AMap.Geocoder({
                city: ""//城市，默认：“全国”
            });
            var lnglatXY=[lng, lat];//地图上所标点的坐标
            geocoder.getAddress(lnglatXY, function(status, result) {
                if (status === 'complete' && result.info === 'OK') {
                    //获得了有效的地址信息:
                    //即，result.regeocode.formattedAddress
                    //console.log(result);
                    var city = result.regeocode.addressComponent.city;
                    
                    cacheSet('userLocationInfo',result.regeocode); //用户位置设置
                }else{
                    var city = '获取失败';
                    cacheSet('userLocationInfo',''); //用户位置设置
                    //获取地址失败
                }
                citys = city
                
                document.getElementById("lnglat").value = citys;
                console.log(result);
            });
        })
        cacheSet('userLocation',p); //用户定位坐标
    });
    var auto = new AMap.Autocomplete({
        input: "tipinput"
    });
    AMap.event.addListener(auto, "select", select);//注册监听，当选中某条记录时会触发
    function select(e) {
        if (e.poi && e.poi.location) {
            map.setZoom(15);
            map.setCenter(e.poi.location);
        }
    }
</script>




<!----------错误提示---------->
<div id="errMsg"></div>
<!----------错误提示---------->
</body>
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=WATBZ-GTKHX-AUM4I-ZXAXJ-SKWF5-IZFDF"></script>
<script type="text/javascript" src="../js/indexPageChange.js"></script>
<script type="text/javascript" src="../js/index.js"></script>
<script src="../js/getUrlParam.js"></script>
<script>
    (function(){
//        var latlng = JSON.parse(getQueryString('latlng'));
//        geocoder = new qq.maps.Geocoder({
//            complete:function(result){
//                var city = document.getElementById('citys');
//                var resultCity = result.detail.addressComponents.city
//                city.innerHTML = resultCity;
//            }
//        });
//        var coord = new qq.maps.LatLng(latlng.lat1, latlng.lng2);
//        geocoder.getAddress(coord);
//
//
//        function init() {
//            //定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器
//            var map = new qq.maps.Map(document.getElementById("locateMap"), {
//                center: coord,
//                zoom:8
//            });
//        }
//        init();
//        getProvice();
//        getErrMsg(cacheGet('userLocation'),'');
     })();
//    /**
//     * 获取省
//     * */
//    function getProvice(){
//        $.ajax({
//            type:'post',
//            url:getDomain() + 'locate/provice',
//            data:{  },
//            success:function(res){
//                //console.log(res); return;
//                if (res.code!=0) {
//                    console.log(res); return;
//                }
//                var i, h = '<option value="0">省</option>';
//                var data = res.data;
//                for (i=0;i<data.length;i++) {
//                    h += '<option value="'+data[i].id+'">';
//                    h += data[i].name;
//                    h += '</option>';
//                }
//                $('#locateProvice').html(h);
//            },
//            error:function(){
//                console.log('操作失败！'); return;
//            }
//        });
//    }
//    /**
//     * 获取市
//     * */
//    function getCity(id){
//        $.ajax({
//            type:'post',
//            url:getDomain() + 'locate/city',
//            data:{ pid:id },
//            success:function(res){
//                //console.log(res); return;
//                if (res.code!=0) {
//                    console.log(res); return;
//                }
//                var i, h = '<option value="0">市</option>';
//                var data = res.data;
//                for (i=0;i<data.length;i++) {
//                    h += '<option value="'+data[i].id+'">';
//                    h += data[i].name;
//                    h += '</option>';
//                }
//                $('#locateCity').html(h);
//            },
//            error:function(){
//                console.log('操作失败！'); return;
//            }
//        });
//    }
//    /**
//     * 获取市
//     * */
//    function getRegion(id){
//        $.ajax({
//            type:'post',
//            url:getDomain() + 'locate/region',
//            data:{ pid:id },
//            success:function(res){
//                //console.log(res); return;
//                if (res.code!=0) {
//                    console.log(res); return;
//                }
//                var i, h = '<option value="0">区</option>';
//                var data = res.data;
//                for (i=0;i<data.length;i++) {
//                    h += '<option value="'+data[i].id+'">';
//                    h += data[i].name;
//                    h += '</option>';
//                }
//                $('#locateRegion').html(h);
//            },
//            error:function(){
//                console.log('操作失败！'); return;
//            }
//        });
//    }
//    function getDomain(){
//        return '/api/home/';
//    }
</script>
</html>